<template>
  <div style="color: #333333">
    <div style="height: 140px;"></div>
    <div style="width: 1200px;margin: auto;height: 100px;border-bottom:1px solid #qqq;position: fixed;top: 0;background-color: white;left: calc(50% - 600px);z-index: 100;" class="flexAlignCenter flexBetween">
      <img src="@/assets/logo1.png" alt="" @click="goHome">
      <div>
        <a-icon type="user" style="color: rgb(153,153,153);"/>
        <label style="font-family: 'Microsoft YaHei';margin-left: 5px;">张三</label>
        <a-icon type="poweroff" style="color: rgb(153,153,153);margin-left: 15px;"/>
        <label style="font-family: 'Microsoft YaHei';margin-left: 5px;">退出</label>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    goHome() {
      this.$router.push({path: '/'})
    }
  }
}
</script>

<style scoped>
  img{
    cursor: pointer;
  }
</style>
